<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>vue指令</title>
		<script src="js/vue.js"></script>
	</head>
	<body>
		<div id="app">
			姓名:{{name}}<br />
			年龄: {{age}}<br />
			性别:{{xb}}<br />
			身高: {{h}}cm<br />
			体重:{{w}}kg
			<hr>
			<input v-model="name" type="text">
			<hr>
			{{msg}}
			<p v-text="msg"></p>
			<p v-html="msg"></p>
		</div>
		<script>
			const app= Vue.createApp({
				data() {
					return{
						name:'张三',
						age:19,
						xb:'女’,
						h:175,
						w:45,
						msg:'hello <b>vue</b>!'
					}
				}
			}).mount("#app")
		</script>
	</body>
</html>